<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, 
    user-scalable=0" />
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <title>小米</title>
</head>
<body>
    <div class="search-concent">
        <div class="concent">
            <a href="" class="logo"></a>
            <div class="search">
                <i class="search-img"></i>
                搜索商品名称
            </div>
            <a href="" class="user">
                <i class="user-img"></i>
            </a>
        </div>
        <div class="nav">
            <a href="#" class="item color">推荐</a>
            <a href="#" class="item color1">手机</a>
            <a href="#" class="item color1">智能</a>
            <a href="#" class="item color1">电视</a>
            <a href="#" class="item color1">家电</a>
            <a href="#" class="item color1">笔记</a>
            <a href="#" class="item-icon">
                <i class="icon"></i>
            </a>
        </div>
    </div>
    <div class="main">
        <div class="main-img">
            <img src="upload/m1.jpg" alt="">
        </div>
        <div class="main-top">
            <a href="#" class="main-top-img">
                <img src="upload/mi1.png" alt="">
            </a>
            <a href="#" class="main-top-img">
                <img src="upload/mi2.webp" alt="">
            </a>
            <a href="#" class="main-top-img">
                <img src="upload/mi3.webp" alt="">
            </a>
            <a href="#" class="main-top-img">
                <img src="upload/mi4.webp" alt="">
            </a>
            <a href="#" class="main-top-img">
                <img src="upload/mi6.webp" alt="">
            </a>
        </div>
        <div class="main-top">
            <a href="#" class="main-top-img">
                <img src="upload/mi7.webp" alt="">
            </a>
            <a href="#" class="main-top-img">
                <img src="upload/mi8.png" alt="">
            </a>
            <a href="#" class="main-top-img">
                <img src="upload/mi9.png" alt="">
            </a>
            <a href="#" class="main-top-img">
                <img src="upload/mi10.webp" alt="">
            </a>
            <a href="#" class="main-top-img">
                <img src="upload/mi11.png" alt="">
            </a>
        </div>
        <div class="line"></div>
        <div class="qiang">
            <a href="#" class="qiang-img">
                <img src="upload/q1.webp" alt="">
            </a>
            <a href="#" class="qiang-img">
                <img src="upload/q2.webp" alt="">
            </a>
        </div>
        <div class="line"></div>
        <div class="note">
            <a href="" class="note-one">
                <img src="upload/n1.webp" alt="">
            </a>
            <a href="" class="note-two">
                <img src="upload/n2.webp" alt="">
            </a>
            <a href="" class="note-three">
                <img src="upload/n3.webp" alt="">
            </a>
        </div>
        <div class="line"></div>
        <div class="mi-ten">
            <img src="upload/mi-ten.webp" alt="">
        </div>
        <div class="line"></div>
        <div class="day">
            <img src="upload/day1.webp" alt="">
        </div>
        <div class="line"></div>
        <div class="mi-type1">
            <a href=""class="type1-a1">   
                <div class="img">
                    <img src="upload/img1.jpg" alt="">
                </div> 
                <div class="img-title">
                    <div class="name">小米10</div>
                    <div class="brief">翘龙865/1亿像素相机</div>
                    <div class="price">
                        <span>￥3399起</span>
                        <s class="s">￥3999</s>
                    </div>
                    <div class="buybtn">立即购买</div>
                </div>            
            </a>
            <a href="" class="type1-a1">
                <div class="img">
                    <img src="upload/img1.jpg" alt="">
                </div> 
                <div class="img-title">
                    <div class="name">小米10</div>
                    <div class="brief">翘龙865/1亿像素相机</div>
                    <div class="price">
                        <span>￥3399起</span>
                        <s class="s">￥3999</s>
                    </div>
                    <div class="buybtn">立即购买</div>
                </div>    
            </a>
        </div>
        <div class="line"></div>
        <div class="mi-type1">
            <a href=""class="type1-a1">   
                <div class="img">
                    <img src="upload/img1.jpg" alt="">
                </div> 
                <div class="img-title">
                    <div class="name">小米10</div>
                    <div class="brief">翘龙865/1亿像素相机</div>
                    <div class="price">
                        <span>￥3399起</span>
                        <s class="s">￥3999</s>
                    </div>
                    <div class="buybtn">立即购买</div>
                </div>            
            </a>
            <a href="" class="type1-a1">
                <div class="img">
                    <img src="upload/img1.jpg" alt="">
                </div> 
                <div class="img-title">
                    <div class="name">小米10</div>
                    <div class="brief">翘龙865/1亿像素相机</div>
                    <div class="price">
                        <span>￥3399起</span>
                        <s class="s">￥3999</s>
                    </div>
                    <div class="buybtn">立即购买</div>
                </div>    
            </a>
        </div>
        <div class="line"></div>
        <div class="mi-type1">
            <a href=""class="type1-a1">   
                <div class="img">
                    <img src="upload/img1.jpg" alt="">
                </div> 
                <div class="img-title">
                    <div class="name">小米10</div>
                    <div class="brief">翘龙865/1亿像素相机</div>
                    <div class="price">
                        <span>￥3399起</span>
                        <s class="s">￥3999</s>
                    </div>
                    <div class="buybtn">立即购买</div>
                </div>            
            </a>
            <a href="" class="type1-a1">
                <div class="img">
                    <img src="upload/img1.jpg" alt="">
                </div> 
                <div class="img-title">
                    <div class="name">小米10</div>
                    <div class="brief">翘龙865/1亿像素相机</div>
                    <div class="price">
                        <span>￥3399起</span>
                        <s class="s">￥3999</s>
                    </div>
                    <div class="buybtn">立即购买</div>
                </div>    
            </a>
        </div>
        <div class="line"></div>
        <div class="more">
            更多小米手机产品>
        </div>
        <div class="line"></div>
        <div class="day">
            <img src="upload/day2.webp" alt="">
        </div>
        <div class="line"></div>
        <div class="mi-type1">
            <a href=""class="type1-a1">   
                <div class="img">
                    <img src="upload/img1.jpg" alt="">
                </div> 
                <div class="img-title">
                    <div class="name">小米10</div>
                    <div class="brief">翘龙865/1亿像素相机</div>
                    <div class="price">
                        <span>￥3399起</span>
                        <s class="s">￥3999</s>
                    </div>
                    <div class="buybtn">立即购买</div>
                </div>            
            </a>
            <a href="" class="type1-a1">
                <div class="img">
                    <img src="upload/img1.jpg" alt="">
                </div> 
                <div class="img-title">
                    <div class="name">小米10</div>
                    <div class="brief">翘龙865/1亿像素相机</div>
                    <div class="price">
                        <span>￥3399起</span>
                        <s class="s">￥3999</s>
                    </div>
                    <div class="buybtn">立即购买</div>
                </div>    
            </a>
        </div>
        <div class="line"></div>
        <div class="more">
            更多小米手机产品>
        </div>
        <div class="line"></div>
        <div class="xing day">
            <img src="upload/d3.webp" alt="">
        </div>
        <div class="line"></div>
        <div class="day">
            <img src="upload/d4.webp" alt="">
        </div>
        <div class="line"></div>
        <div class="mi-type1">
            <a href=""class="type1-a1">   
                <div class="img">
                    <img src="upload/img1.jpg" alt="">
                </div> 
                <div class="img-title">
                    <div class="name">小米10</div>
                    <div class="brief">翘龙865/1亿像素相机</div>
                    <div class="price">
                        <span>￥3399起</span>
                        <s class="s">￥3999</s>
                    </div>
                    <div class="buybtn">立即购买</div>
                </div>            
            </a>
            <a href="" class="type1-a1">
                <div class="img">
                    <img src="upload/img1.jpg" alt="">
                </div> 
                <div class="img-title">
                    <div class="name">小米10</div>
                    <div class="brief">翘龙865/1亿像素相机</div>
                    <div class="price">
                        <span>￥3399起</span>
                        <s class="s">￥3999</s>
                    </div>
                    <div class="buybtn">立即购买</div>
                </div>    
            </a>
        </div>
        <div class="line"></div>
        <div class="mi-type1">
            <a href=""class="type1-a1">   
                <div class="img">
                    <img src="upload/img1.jpg" alt="">
                </div> 
                <div class="img-title">
                    <div class="name">小米10</div>
                    <div class="brief">翘龙865/1亿像素相机</div>
                    <div class="price">
                        <span>￥3399起</span>
                        <s class="s">￥3999</s>
                    </div>
                    <div class="buybtn">立即购买</div>
                </div>            
            </a>
            <a href="" class="type1-a1">
                <div class="img">
                    <img src="upload/img1.jpg" alt="">
                </div> 
                <div class="img-title">
                    <div class="name">小米10</div>
                    <div class="brief">翘龙865/1亿像素相机</div>
                    <div class="price">
                        <span>￥3399起</span>
                        <s class="s">￥3999</s>
                    </div>
                    <div class="buybtn">立即购买</div>
                </div>    
            </a>
            
        </div>
        <div class="line"></div>
        <div class="more">
            更多小米手机产品>
        </div>
        <div class="line"></div>
        <div class="xing day">
            <img src="upload/d5.webp" alt="">
        </div>
        <div class="line"></div>
        <div class="day">
            <img src="upload/d6.webp" alt="">
        </div>
        <div class="line"></div>
        <div class="more">
            更多小米手机产品>
        </div>
        <div class="line"></div>
        <div class="xing day">
            <img src="upload/d7.webp" alt="">
        </div>
        <div class="line"></div>
        <div class="day">
            <img src="upload/d8.webp" alt="">
        </div>
        <div class="line"></div>
        <div class="type2">
            <a href="#">
                <div class="type2-img">
                    <img src="upload/ty1.jpg" alt="">
                </div>
                <div class="info">
                    <div class="name">米家直流变频落地扇1X</div>
                    <div class="brief">模拟自然风算法 支持AI语音</div>
                    <div class="price">
                        <span>￥289</span>
                        <s>￥299</s>
                    </div>
                </div>
            </a>
        </div>
        <div class="type2">
            <a href="#">
                <div class="info">
                    <div class="name">米家直流变频落地扇1X</div>
                    <div class="brief">模拟自然风算法 支持AI语音</div>
                    <div class="price">
                        <span>￥289</span>
                        <s>￥299</s>
                    </div>
                </div>
                <div class="type2-img">
                    <img src="upload/ty1.jpg" alt="">
                </div>
            </a>
        </div>
        <div class="type2-img">
            <img src="upload/ty1.jpg" alt="">
        </div>
        <div class="line"></div>
        <div class="more">
            更多小米手机产品>
        </div>
        <div class="line"></div>
        <div class="down">
            <a href="">
                <img src="upload/down1.webp" alt="">
            </a>
            <a href="" class="dow">
                <img src="upload/down1.webp" alt="">
            </a>
        </div>
        <div class="line1"></div>
        <div class="down">
            <a href="">
                <img src="upload/down1.webp" alt="">
            </a>
            <a href="" class="dow">
                <img src="upload/down1.webp" alt="">
            </a>
        </div>
        <div class="line1"></div>
        <div class="down">
            <a href="">
                <img src="upload/down1.webp" alt="">
            </a>
            <a href="" class="dow">
                <img src="upload/down1.webp" alt="">
            </a>
        </div>
        <div class="line"></div>
        <div class="xing day">
            <img src="upload/dow1.webp" alt="">
        </div>
        <div class="line"></div>
        <div class="more">
            了解小米
        </div>
        <div class="line"></div>
    </div>
    <div class="footer">
        <a href="./index.html" class="footer-icon color">
            <i class="f1"></i>
            <p>首页</p>
        </a>
        <a href="#" class="footer-icon">
            <i class="f2"></i>
            <p>分类</p>
        </a>
        <a href="#" class="footer-icon">
            <i class="f3"></i>
            <p>星球</p>
        </a>
        <a href="gouwuche/xiaomi.html" class="footer-icon">
            <i class="f4"></i>
            <p>购物车</p>
        </a>
        <a href="wode/wode.html" class="footer-icon">
            <i class="f5"></i>
            <p>我的</p>
        </a>
    </div>
</body>
</html>